export default {
  title: 'HTML 与 CSS 入门经典 (第9版)',
  titlePage: [
    '封面',
    '副封面',
    '图书在版编目 (CIP) 数据',
    '内容提要',
    '关于作者',
    '前言'
  ],
  catalogues: [
    {
      chapter01: '理解 Web 的工作方式',
      1.1: 'HTML 和 WWW 简史',
      1.2: '创建 Web 内容',
      1.3: '理解 Web 内容递送',
      1.4: '选择 Web 托管提供商',
      1.5: '利用多种 Web 浏览器执行测试',
      1.6: '创建一个示例文件',
      1.7: '使用 FTP 传输文件',
      '1.7.1': '选择 FTP 客户端',
      '1.7.2': '使用 FTP 客户端',
      1.8: '了解在 Web 服务器上放置文件的位置',
      '1.8.1': '基本的文件管理',
      '1.8.2': '使用索引页面',
      1.9: '在不涉及 Web 服务器的情况下分发内容',
      '1.9.1': '在本地发布内容',
      '1.9.2': '在博客上发布内容',
      '1.10': '关于测试 Web 内容的提示',
      1.11: '小结',
      1.12: '问与答',
      1.13: '测验',
      '1.13.1': [
        '问题',
        {
          1: '1个用于 Web 页面本身, 它包括文本和 HTML 标记，还有两个文件分别用于每幅图像'
        },
        {
          2: '要关注可靠性、客户服务、Web 空间和带宽、域名服务、站点管理的额外事项和价格'
        },
        { 3: '需要主机名、用户名和密码' },
        { 4: '某个目录的默认文件，索引页' },
        { 5: '不是，可自由处理目录结构' }
      ],
      '1.13.2': '答案',
      '1.13.3': '练习'
    },
    {
      chapter02: '构造 HTML 文档',
      2.1: '准备工作',
      2.2: '从一简单的 Web 页面开始',
      2.3: '每个 Web 页面都必须具有的 HTML 标签',
      2.4: '利用段落和换行符组织页面',
      2.5: '利用标题组织内容',
      2.6: '理解语义元素',
      2.7: '验证 Web 内容',
      2.8: '小结',
      2.9: '问与答',
      '2.10': '测验',
      '2.10.1': [
        '问题',
        { 1: '<!doctype html> <html> <head> <title> <body>' },
        {
          2: '<h1>We are Proud to Present...</h1> <h2>Orbit</h2> <h3>The Geometric Juggler</h3>'
        },
        {
          3:
            '<!doctype html>' +
            '<head><title>Foo Bar</title></head>' +
            '<body><h1>Hayyp Hour at the Foo Bar</h1><h2>Come on down!</h2></body>' +
            '</html>'
        }
      ],
      '2.10.2': '答案',
      '2.10.3': '练习'
    },
    {
      chapter03: '理解层叠样式表',
      3.1: 'CSS 的工作方式',
      3.2: '基本的样式表',
      3.3: 'CSS 样式的基础知识',
      '3.3.1': '基本的布局属性',
      '3.3.2': '基本的格式化属性',
      3.4: '使用样式类',
      3.5: '使用样式 ID',
      3.6: '内部样式表和内联样式',
      3.7: '小结',
      3.9: '测验',
      '3.9.1': [
        '问题',
        { 1: '参见 css/exercise-1.css' },
        { 2: '参见 intro.html css/corporate.css' },
        { 3: '3种 内联样式 内部样式 外部文件样式' }
      ],
      '3.9.2': '答案',
      '3.9.3': '练习'
    },
    {
      chapter04: '密切观察 HTML5 页面结构',
      4.1: '概念化页面',
      4.2: '以多种方式使用 <header> 元素',
      4.3: '理解 <section> 元素',
      4.4: '使用 <article> 元素',
      4.5: '实现 <nav> 元素',
      4.6: '何时使用 <aside> 元素',
      4.7: '有效地使用 <footer> 元素',
      4.8: '小结',
      4.9: '问与答',
      '4.10': '测验',
      '4.10.1': '问题',
      1: 'aside',
      2: '不是',
      3: '可以有多个',
      '4.10.2': '答案',
      '4.10.3': '练习'
    },
    {
      chapter05: '处理文本块和列表',
      5.1: '在页面上对齐文本',
      '5.1.1': '使用属性',
      '5.1.2': '对齐块级元素中的文本',
      5.2: '3 类 HTML 列表',
      5.3: '在列表内放置列表',
      5.4: '小结',
      5.5: '问与答',
      5.6: '小测验',
      '5.6.1': '问题',
      1: '<body style="text-align: center"></body>',
      2: '<li style="list-style-type: square"></li>',
      3: '<dl><dt>glumpy</dt><dd>....</dd></dl>',
      '5.6.2': '答案',
      '5.6.3': '练习'
    },
    {
      chapter06: '处理字体',
      6.1: '处理特殊字体',
      6.2: '粗体、斜体和特殊的文本格式化',
      6.3: '调整字体',
      6.4: '使用 Web 字体',
      6.5: '小结',
      6.6: '问与答',
      6.7: '测验',
      '6.7.1': '问题',
      1: '<p><b>First Second Third</b> Four Five</p>',
      2: 'H<sup>2</sup>O',
      3: '&copy; 2013, Webwonks Inc.',
      4: '<body style="text-align: center;"></body>'
    },
    {
      chapter07: '处理颜色和边框',
      7.1: '选择颜色的最佳实践',
      7.2: '理解 Web 颜色',
      7.3: '使用十六进制的颜色值',
      7.4: '使用 CSS 设置背景、文本和边距颜色',
      7.5: '创建圆角',
      7.6: '小结',
      7.7: '问与答',
      7.8: '测验',
      '7.8.1': '问题',
      1: '<body class="background-color:black; color: aquamarine"></body>',
      2: '<p class="background-color: white; color: oragne; border:3px dashed green;"></p>',
      3: 'border-radius: 45px;'
    },
    {
      chapter08: '使用外部链接和内部链接',
      8.1: '使用 Web 字体',
      8.2: '使用锚点在页面内链接',
      '8.2.1': '利用锚点标识页面中的位置',
      '8.2.2': '链接到锚点位置',
      8.3: '在自己的 Web 内容之间创建链接',
      8.4: '链接到外部 Web 内容',
      8.5: '链接到电子邮件地址',
      8.6: '在新的浏览器窗口中打开链接',
      8.7: '使用 CSS 编排超链接的样式',
      8.8: '小结',
      '8.9:': '问与答',
      '8.10': '测验',
      '8.10.1':
        '<a href="http://www.supercheapsuits.com/~billybob">Billybob</a>',
      '8.10.2': '<a href="#about-the-authors">About the Authors</a>',
      '8.10.3': '<a href="mailto:bon@soir.com">goodnight greeting</a>'
    },
    {
      chapter09: '使用表格和栏',
      9.1: '创建一个简单的表格',
      9.2: '控制表格大小',
      9.3: '表格内的对齐和跨越',
      9.4: '利用表格进行页面布局',
      9.5: '使用 CSS 栏',
      9.6: '小结',
      9.7: '问与答',
      9.8: '测验',
      '9.8.1':
        '<table style="border: 1px solid black; broder-collapse: collapse;"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</tr></table>',
      '9.8.2': 'td: { padding: 9px; }',
      '9.8.3': 'div { column-span: all; }'
    },
    {
      chapter10: '创建用于 Web 的图像',
      10.1: '选择图形软件',
      10.2: '关于图形需要知道的最少知识',
      10.3: '准备照片图像',
      '10.3.1': '裁剪图像',
      '10.3.2': '调整图像大小',
      '10.3.3': '调整图像颜色',
      '10.3.4': '控制JPEG压缩',
      10.4: '创建横幅和按钮',
      10.5: '减小或删除图像中的颜色',
      10.6: '创建拼贴式背景图像',
      '10.10': '测验',
      '10.10.1': '100*40，300*120，JPEG',
      '10.10.2': '确保缝隙不可见',
      '10.10.3': '图像具有透明背景'
    },
    {
      chapter11: '在 Web 站点中使用图像',
      11.1: '在 Web 页面上放置图像',
      11.2: '利用文本描述图像',
      11.3: '指定图像的高度和宽度',
      11.4: '对齐图像',
      '11.4.1': '水平图像对齐',
      '11.4.2': '垂直图像对齐',
      11.5: '把图像转变成链接',
      11.6: '使用背景图像',
      11.7: '使用图像映射',
      '11.7.1': '为什么图像映射并非总是必要的',
      '11.7.2': '映射图像内的区域',
      '11.7.3': '为图像映射创建 HTML 代码',
      11.8: '小结',
      11.9: '问与答',
      '11.10': '测验',
      '11.10.1': '使用<img>标签',
      '11.10.2': '使用alt属性设置值为Elephant',
      '11.10.3': 'vertical-algin: middle'
    },
    {
      chapter12: '在 Web 站点中使用多媒体',
      12.1: '链接到多媒体文件',
      12.2: '嵌入多媒体文件',
      12.3: '为音频和视频播放使用纯 HTML5 代码',
      12.4: '关于使用多媒体的额外提示',
      12.5: '小结',
      12.6: '问与答',
      12.7: '测验',
      '12.7.1':
        '1 video元素 2 <video src="myvideo.mov" controls width="320" height="305"></video> 3 <audio src="myaudio.mp3" loop></audio>',
      '12.7.2': '答案',
      '12.7.3': '练习'
    },
    {
      chapter13: '处理边距、填充、对齐和浮动',
      13.1: '使用边距',
      13.2: '填充元素',
      13.3: '使所有的一切保持对齐',
      13.4: '理解 float 属性',
      13.5: '小结',
      13.6: '问与答',
      13.7: '测验',
      '13.7.1': '问题',
      1: 'float: left; margin: 15px;',
      2: 'clear: left;',
      3: 'padding-top: 12px;',
      '13.7.2': '答案',
      '13.7.3': '练习'
    },
    {
      chapter14: '理解 CSS 方框模型和定位',
      14.1: 'CSS 方框模型',
      14.2: '关于定位的独家新闻',
      14.3: '控制元素的堆叠方式',
      14.4: '管理文本流',
      14.5: '小结',
      14.6: '问与答',
      14.7: '测验',
      '14.7.1': '问题',
      1: '绝对定位更准确',
      2: 'z-index',
      3: '<span style="position: absolute; left:0; top:0"></span> <h1 style="position: absolute: left: 80px; top: 20px;">GO TODAY</h1>',
      '14.7.2': '答案',
      '14.7.3': '练习'
    },
    {
      chapter15: '创建固定布局或流动布局',
      15.1: '理解固定布局',
      15.2: '理解流动布局',
      15.3: '创建固定/流动混合布局',
      '15.3.1': '从基本的布局的结构开始',
      '15.3.2': '在固定/流动混合布局中定义两栏',
      '15.3.3': '设置布局的最小宽度',
      '15.3.4': '在固定/流动混合布局中处理栏高度',
      15.4: '考虑响应性 Web 设计',
      15.5: '小结',
      15.6: '问与答',
      15.7: '测验',
      '15.7.1': '问题',
      1: '根据情况而定',
      2: '能',
      3: '最小宽度',
      '15.7.3': '练习'
    },
    {
      chapter16: '使用 CSS 进一步处理列表',
      16.1: 'HTML 列表复习',
      16.2: 'CSS 方框模型如何影响列表',
      16.3: '放置列表项指示符',
      16.4: '利用列表项和 CSS 创建图像映射',
      16.5: '小结',
      16.6: '问与答',
      16.7: '测验',
      '16.7.1': '问题',
      1: '把项目图标放到li内或者li外，默认是outside',
      2: '会，看情况，ul有序，dl无序',
      3: '添加li和a元素，手动划分区域像素点',
      '16.7.2': '答案',
      '16.7.3': '练习'
    },
    {
      chatper17: '使用 CSS 设计导航系统',
      17.1: '导航列表与常规的列表有何区别',
      17.2: '利用 CSS 创建垂直导航系统',
      '17.2.1': '编排单级垂直导航系统的样式',
      '17.2.2': '编排多级垂直导航系统的样式',
      17.3: '利用 CSS 创建水平导航系统',
      17.4: '小结',
      17.5: '问与答',
      17.6: '测验',
      '17.6.1': '问题',
      '17.6.2': '1可以 2不限制 3可以'
    },
    {
      chapter18: '使用鼠标动作修改文本',
      18.1: '利用 CSS 创建工具提示',
      18.2: '利用 CSS 显示额外的翻转文本',
      18.3: '访问事件',
      18.4: '使用 onclick 更改 <div> 的外观',
      18.5: '小结',
      18.6: '问与答',
      18.7: '测验',
      '18.7.1': '问题',
      1: '超出上屏幕',
      2: 'onmouseleave, onmouseout',
      3: '可缩放'
    },
    {
      chapter19: '实现 CSS3 变形、渐变和动画',
      19.1: '考虑浏览器的差别',
      19.2: '使用2D变形',
      '19.2.1': '平移元素',
      '19.2.2': '旋转元素',
      '19.2.3': '缩放元素',
      '19.2.4': '扭曲元素',
      19.3: '使用 3D 变形',
      '19.3.1': '应用透视图',
      '19.3.2': '在 3D 空间中移动和旋转元素',
      '19.3.3': '创建和操纵立方体',
      19.4: '实现 CSS3 渐变',
      19.5: '初识 CSS3 动画',
      19.6: '小结',
      19.7: '问与答',
      19.8: '测验',
      '19.8.1': '问题',
      1: 'rotate(-90deg)',
      2: 'scale(3) 宽和高都放大3倍，scale(1,3) 宽放大1倍，高放大3倍',
      3: 'z轴代表深度值'
    },
    {
      chapter20: '创建打印友好的 Web 页面'
    },
    {
      chapter21: '理解动态 Web 站点和 HTML5 应用程序',
      21.1: '理解不同的类型的脚本',
      21.2: '在 HTML 中包括 JavaScript 代码',
      21.3: '显示随机内容',
      21.4: '理解文档对象模型',
      21.5: '基于用户交互更改图像',
      21.6: '提前考虑开发 HTML5 应用程序',
      21.7: '小结',
      21.8: '问与答',
      21.9: '测验',
      '21.9.1': '问题',
      1: '<a href="gohere.html" \
      onmouseover="document.images[\'flasher\'].src="flashing.gif"\
      onmouseout="document.images[\'falsher\'].src="button.gif"">\
      <img src="button.gif" id="flasher" />\
      </a>',
      2: '1的答案不要 onmouseout 事件',
      3: '在页面写入内容',
      '21.9.3': '练习'
    },
    {
      chapter22: '处理基于 Web 的表单',
      22.1: 'HTML 表单是如何工作的',
      22.2: '创建表单',
      23.3: '接受文本输入',
      23.4: '命名每一份表单数据',
      '22.4.1': '标记每一份表单数据',
      '22.4.2': '组合表单元素',
      '22.4.3': '在表单中包括隐藏的数据',
      22.5: '探讨表单输入控件',
      '22.5.1': '复选框',
      '22.5.2': '单选按钮',
      '22.5.3': '选择列表',
      '22.5.4': '文本框、文本区域和其他输入类型',
      22.6: '使用 HTML5 表单验证',
      22.7: '提交表单数据',
      22.8: '小结',
      22.9: '问与答',
      22.1: '测验',
      '22.10.1': '问题',
      1: 'form ...',
      2: '<input type="image" src="submit.gif">',
      3: 'action',
      '22.10.2': '答案',
      '22.10.3': '练习'
    },
    {
      chapter23: '组织和管理 Web 站点',
      23.1: '当一个页面就足够时',
      23.2: '组织简单的站点',
      23.3: '组织更大的站点',
      23.4: '编写易于维护的代码',
      '23.4.1': '利用注释记录代码',
      '2.4.2': '缩进代码以使之更清晰',
      23.5: '考虑版本控制',
      '23.5.1': '使用版本控制系统',
      23.6: '使用 HTML 和 CSS 框架',
      23.7: '小结',
      23.8: '问与答',
      23.9: '测试',
      '23.9.1': '问题',
      1: '使用一致的背景、颜色、字体和样式',
      2: '易辨识，提现重点信息',
      3: '注释',
      '23.9.3': '练习'
    },
    {
      chapter24: '帮助人们找到你的 Web 页面',
      24.1: '宣传你的 Web 站点',
      24.2: '利用主要的搜索站点列出你的页面',
      24.3: '为搜索引擎提供线索',
      24.4: '关于搜索引擎优化的额外提示',
      24.5: '小结',
      24.6: '问与答',
      24.7: '测验',
      '24.7.1': '问题',
      '24.7.2': '答案'
    }
  ]
};
